import "./index.scss";
import err from "./assets/err.png";
import gou_active from "./assets/gou_active.png";
import { Input } from "antd";
const { TextArea } = Input;

function ReadExam() {
	return (
		<div className="exam_wrap">
			<div className="exam_wrap_left">
				<div className="exam_wrap_left_title">考题列表</div>
				<div className="exam_wrap_left_list">
					<div className="exam_wrap_left_list_item">
						<span className="active">1、请简要描述浏览器渲染原理？</span>
						<img src={gou_active} alt="" />
					</div>
					<div className="exam_wrap_left_list_item">
						<span className="active">1、请简要描述浏览器渲染原理？</span>
						<img src={gou_active} alt="" />
					</div>
					<div className="exam_wrap_left_list_item">
						<span className="err">1、请简要描述浏览器渲染原理？</span>
						<img src={err} alt="" />
					</div>
					<div className="exam_wrap_left_list_item">
						<span className="err">1、请简要描述浏览器渲染原理？</span>
						<img src={err} alt="" />
					</div>
				</div>
			</div>
			<div className="exam_wrap_right">
				<div className="exam_wrap_left_title">考卷详情</div>
				<div className="exam_wrap_right_back">返回</div>
				<div className="exam_wrap_right_title">
					1、请简要描述浏览器渲染原理？
				</div>
				<div className="exam_wrap_right_dec">1、请简要描述浏览器渲染原理？</div>
				<div className="exam_wrap_right_answer">
					<div className="exam_wrap_right_answer_title">考题答案:</div>
					<div className="exam_wrap_right_answer_content">
						考题答案考题答案考题答案 考题答案 考题答案
					</div>
				</div>
				<div className="exam_wrap_right_answer">
					<div className="exam_wrap_right_answer_title">考题评语:</div>
					<div className="exam_wrap_right_answer_content">
						<div className="noQualified">不合格</div>
						<span>考题答案考题答案考题答案 考题答案 考题答案</span>
					</div>
				</div>
				<div className="line"></div>
			</div>
		</div>
	);
}

export default ReadExam;
